html, body {
    background-color: #f9f9f9;
}

h2 {
    background-color: #f9f9f9;
    position: absolute;
    left: 2%;
    top: 20px;
}

.class-part {
    position: absolute;
    width: 96%;
    background-color: white;
    left: 2%;
    top: 100px;
    border-radius: 5px;
    padding: 20px;
}
.bg{width: 350px;height: 400px;background: #d083ff;border-radius: 20px;margin: 0 auto;position: relative;overflow: hidden;
}
#div1:before{content: "园区公告";position: absolute;top: 0;left: 125px;display: inline-block;width: 100px;height: 30px;border-radius: 5px;text-align: center;line-height: 30px;font-size: large;background: #2f8bbb;color: white;
}
#div2:before{content: "班级公告";position: absolute;top: 0;left: 125px;display: inline-block;width: 100px;height: 30px;border-radius: 5px;text-align: center;line-height: 30px;font-size: large;background: #2f8bbb;color: white;
}
#div3:before{content: "已发公告";position: absolute;top: 0;left: 125px;display: inline-block;width: 100px;height: 30px;border-radius: 5px;text-align: center;line-height: 30px;font-size: large;background: #2f8bbb;color: white;
}
#div1,#div2,#div3{
    word-wrap: break-word;
}
.div5{
    width: 80%;
    margin: 35px auto 0;
    position: relative;
    border: 2px solid #55b33d;
    border-radius: 10px;
    padding: 5px;

}
.del{
    position: absolute;
    top: 0;
    right: 5%;
    cursor: pointer;
}
p{
    text-indent: 2em;
}